#{extends 'main.html' /} 
#{set title:'Listar Usuarios Busca' /}

<script type="text/javascript">
	function voltar(){
		window.open("@{Application.index}","_top");
	}
</script>

#{cabecalho/}

#{erros/}

<body>

	<div class="infoAltRem">
		<img alt="Alterar Usuario"  src="/public/images/utilCRUD/alterar_icon.JPG" width="25px" height="25px"> : Alterar Usuario &nbsp;
		<img alt="Remover Usuario" src="/public/images/utilCRUD/remove_icon.JPG"  width="25px" height="25px"> : Remover Usuario	
	</div>
	<table width="100%" align="center">
		<caption class="legend1">
			Resultado da Busca
		</caption>

		<tr style="background-color: #336; color: #FFF; font-weight: bold; font-size: 0.8em;">
			<th width="1%" align="center"> 
				Id
			</th>
			<th width="10%" align="center"> 
				Nome
			</th>
			<th width="10%" align="center"> 
				Sobrenome
			</th>
			<th width="10%" align="center"> 
				Senha
			</th>
			<th width="10%" align="center"> 
				Email
			</th>
			<th width="1%" align="center"> 
			</th>
			<th width="1%" align="center"> 
			</th>
		</tr>
		
		#{list items: usuarios, as:'usuario'}
			<tr>
				<td align="center">
					${usuario.id}
				</td>
				<td align="center">
					${usuario.nome}
				</td>
				<td align="center">
					${usuario.sobrenome}
				</td>
				<td align="center">
					${usuario.senha}
				</td>
				<td align="center">
					${usuario.email}
				</td>
				<td align="center">
					<a href="@{Usuarios.editarUsuario(usuario)}">
						<img alt="Alterar Usuario"  src="/public/images/utilCRUD/alterar_icon.JPG" width="25px" height="25px" >	
					</a>
				</td>
				<td align="center">
					<a href="@{Usuarios.excluirUsuario(usuario)}">
						<img alt="Remover Usuario" src="/public/images/utilCRUD/remove_icon.JPG"  width="25px" height="25px" onclick="return confirm('Confirma?')">
					</a>
				</td>
			</tr>
		#{/list}
	</table>

	</br>
	
	<div style="width: 100%" align="center" >
		<input type="button" value="Voltar" onclick="back()"/>
	</div>
	
</body>

#{rodape/}